/*
 * @Author: Drc
 * @Date: 2021-07-19 17:24:44
 * @LastEditTime: 2021-09-24 10:03:59
 * @LastEditors: Drc
 */
import React from 'react'
import {Image, Platform, ImageProps} from 'react-native'
import {px2dp} from '@path/config/system'
import Locale from '@path/locale'
import Theme from '@path/config/theme'

interface BackImageProps extends ImageProps {
  source?: any
}

const BackImage = (props: BackImageProps) => {
  const {style, ...other} = props

  return (
    <Image
      style={{
        tintColor: Theme.getThemeColor('text_main'),
        marginHorizontal: Platform.OS === 'ios' ? px2dp(24) : px2dp(14),
        marginVertical: 10,
        width: px2dp(16),
        height: px2dp(16),
        ...style,
      }}
      source={Locale.getImage('arrow_back')}
      {...other}
    />
  )
}

export default BackImage
